
 
	

	<!-- jqueryui / tab选项卡 start-->
	<!-- 框架的组件文档 "https://www.jqueryui.org.cn/demo/5719.html" -->
	<div id="tabs" style="height: 95vh">
	  <ul class="jquery-tabs">
	    <li><a href="#tabs-1">Nunc tincidunt</a></li>
	    <li><a href="#tabs-2">Proin dolor</a></li>
	    <li><a href="#tabs-3">Aenean lacinia</a></li>
	  </ul>
	  <div id="tabs-1">
	    第一
	  </div>
	  <div id="tabs-2">
	    第二
	  </div>
	  <div id="tabs-3">
	    第三
	  </div>
	</div>
	<script type="text/javascript">
    	$( "#tabs" ).tabs();
    	$('.jquery-tabs>li').click(function(){
    		console.log($(this).index());
    	});
	</script>
	<!-- jqueryui / tab选项卡 end-->